{# src/Asiah/SiklusBundle/Resources/views/Home/index.html.twig #}
{% extends 'AsiahSiklusBundle::main.html.twig' %}

{% block title %}Halaman utama{% endblock %}
{% block stylesheet %}
<link rel="stylesheet" href="{{asset('css/home.css')}}" type="text/css" media="screen" charset="utf-8">
{% endblock %}
{% block body %}
<div id="mainhome" >
	<div id="maininput">
		<form method="post" action="{{path('home')}}">
			<input type="text" name="url"/>
			<input type="submit" value="potong"/>
		</form>
		{% if result=='benar' %}
		<div id="resultarrow"></div>
		<div id="resultbuble">
			<ul>
				<li>
				<div class="shortened">
					<a href="{{ short }}" target="_blank">http://sikl.us/{{short}} </a>
				</div>
				<div class="reallink">
					<a href="#" target="_blank">http://www.detiksport.com/sepakbola/kana..</a>
				</div>
				<div class="custom">
					<a href="#" target="_blank">bookmark</a>
					<a href="#" target="_blank">share</a>
				</div>
				<div class="clear"></div>
				</li>
			</ul>
		</div>
		{% endif %}
	</div>
	<div id="slideshow">
	</div>
</div>
<div class="clear"></div>
<div id="toptag">
	<div id="tags">
		<ul>
			<li>
			<a href="#">art</a>
			</li>
			<li>
			<a href="#">blog</a>
			</li>
			<li>
			<a href="#">css</a>
			</li>
			<li>
			<a class="active" href="#">design</a>
			</li>
			<li>
			<a href="#">art</a>
			</li>
			<li>
			<a href="#">blog</a>
			</li>
			<li>
			<a href="#">css</a>
			</li>
			<li>
			<a href="#">design</a>
			</li>
			<li>
			<a href="#">video</a>
			</li>
			<li>
			<a href="#">jquery</a>
			</li>
			<li>
			<a href="#">avenged</a>
			</li>
			<li>
			<a href="#">timnas</a>
			</li>
		</ul>
	</div>
</div>
<div id="popularlink">
	{% for i in 0..7%}
	<ul>
		{% include 'AsiahSiklusBundle:Component:linkthumb.html.twig' %}
	</ul>
	{% endfor %}
</div>
{% endblock %}
